<template>
    <div class="pos-info">
        <div>
            <label>宽:</label>
            {{ area.w }}
        </div>
        <div>
            <label>高:</label>
            {{ area.h }}
        </div>
        <div>
            <label>X:</label>
            {{ area.x }}
        </div>
        <div>
            <label>Y:</label>
            {{ area.y }}
        </div>
    </div>
</template>
<script>
export default {
    name: 'pos-info',
    props: ['area']
}
</script>
<style lang="less">
.pos-info {
    div {
        display: inline-block;
        font-size: small;
        width: 48%;
        label {
            font-size: small;
            text-align: right;
        }
    }
}
</style>


